<template>
    <div class="full">
       <transition>
           <router-view></router-view>
       </transition>
    </div>
</template>
<script>
import '../css/common.css'
export default {
    data() {
        return {

        }
    },
    methods: {

    }
}
</script>

<style lang="scss" scoped>
    body {
        margin: 0;
        width: 100%;
        height: 100%;
    }
    .full{
        background-color: #fff;
        height: 100%;
        width: 100%;
        overflow-x: hidden;
    }
    .v-enter {
        opacity: 0;
        transform: translateX(100%);
    }
    .v-leave-to {
        opacity: 0;
        transform: translateX(-100%);
    }
    .v-enter-active,
    .v-leave-active {
        transition: all 0.5s ease;
        position: absolute;
    }
</style>